<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>[$result.form.FormTitle]</title>
        <style>
        	.form-entry{
        		margin-top:6px;
        	}
			body{
				width:99%;
				font: 12px Tahoma,"宋体",Arial,Helvetica,sans-serif;
				font-size:12px;
			}
			h5{
				color:gray;
			}
			#form_wraps{
				margin:0 auto;
				/*width:650px;*/
				width:200px;
			}
			.widget-group-ul {
			border:0 none;
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			margin:0;
			padding:0;
			}
			
			.widget_entry{
				/*margin:7px auto;*/
			}
			.q-help{
				color:#666666;
				display:block;
				margin:0.1em 0 0.25em;
			}
			.q-title{
				font-weight:bold;
				color: #333333;
			}
			.note{
				color:#666666;
				margin:0.1em 0 0.25em;
				font-size:12px;
			}
			#yzm_wrap{
				display:none
			}
			.input{
				color:#999999;
				/*height:18px;*/
				padding:3px 0 2px 2px;
				/*width:271px;*/
				background: none repeat scroll 0 0 #FFFFFF;
			    border: 1px solid #B3B3B3;
			}
			
			.input_other{
				border:1px solid #CCCCCC;
				color:#999999;
				height:18px;
				padding:3px 0 2px 2px;
				width:160px;
			}
        	.textarea {
				border:1px solid #CCCCCC;
				color:#999999;
				padding:3px 0 2px 2px;
			}
			.yzm{
				border:1px solid #CCCCCC;
				height:18px;
				padding:3px 0 2px 2px;
				width:96px;
				color:#999999;
			}
			#form_wraps{
			}
			#form_out{
				  display:none;
				  height:200px;
				  background:url(http://res.2125.com/images/act/snow/snow.jpg) no-repeat scroll bottom center ;
			}
			#form_in{
				height:190px;
			}
			#sv-form{
			}
			#info_back{
			}
			
			.tijiao {
				background:transparent url(http://res.2125.com/images/act/snow/button.png) no-repeat scroll 0 -27px;
				display:block;
				height:27px;
				line-height:27px;
				margin-top:5px;
				width:85px;
				font-weight:bold;
				text-align:center;
				color:#FFFFFF;
				text-decoration:none;
			}
			#err_info{
				font-weight:bold;
				color: #333333;
				line-height:20px;
				margin-top:20px;
			}
			#back_btn{
				background:transparent url(http://res.2125.com/images/act/snow/button.png) no-repeat scroll 0 -54px;
				display:block;
				height:27px;
				line-height:27px;
				margin-top:5px;
				width:85px;
				font-weight:bold;
				text-align:center;
				color:#FFFFFF;
				text-decoration:none;
			}
        </style>
    </head>
    <body>
    	<div id="form_wraps">
	        <!--<h4>[$result.form.FormTitle]</h4>-->
	        <!--<h5>[$result.form.FormDescription]</h5>-->
			<div id="form_in">
				<div id="input_form" 
				<if $has_submit=="ok">
				style="display:none"
				</if>
				>
			        <form method="POST" id="sv-form" action="/form/responseFormWlimit">
			        	<input type="hidden" name="key" value="[$result.form.FormKey]">
						<input type="hidden" name="FormId" value="[$result.form.FormId]">
			            <foreach name="result.form.Entries" key="key" var="item">
			                <div class="form-entry" id="[$item.Position]" entry_id="[$item.EntryId]" is_Goto="[$item.is_Goto]">
			                    <label class="q-title">
			                        [$item.QuestionTitle]
									<if $item.Required>
										<span mark="require" style="color:red">*</span>
									</if>
			                    </label><br/>
			                    <label class="q-help">
			                        [$item.HelpText]
			                    </label>
			                  	<if $item.EntryType == '1'>
			                  		<div class="widget_entry">
			                  			<input type="text" class="input" name="[$item.EntryId]"
										 maxlength=50 value="">
									</div>
			                  	<elseif $item.EntryType == '2'>
			                  		<div class="widget_entry">
			                  			<textarea class="textarea" cols="50" rows="6" id="[$item.EntryId]_" name="[$item.EntryId]"
										onkeyup="return charLimit('[$item.EntryId]_','lestNum_[$item.EntryId]',100);"
										></textarea>
										<div><label class="note">共可输入 100 字，还剩 <label style="color:red" id="lestNum_[$item.EntryId]">100</label>字。</label></div>
			                  		</div>
								<elseif $item.EntryType == '3'>
			                  		<div class="widget_entry"">
				                  		<ul class="widget-group-ul">
				                  			<foreach name="item.Choices" var="item_c" key="key_c">
					                  			<li>
					                  					<if $item_c.SelectedByDefault>
					                  						<if $item_c.is_other>
					                  							<input type="radio" checked="true" name="[$item.EntryId]" mark="other.[$item.EntryId]"> 
																<label>其他: <input type="text" class="input_other" onchange='$("[mark=other.[$item.EntryId]]").val(this.value)' maxlength=50 mark="other" value=""></label>
															<else>
																<label>
																	<if $item.is_Goto>
																		<input type="radio" gotopage="[$item_c.GoToQues]" checked="true"  value="[$key_c]" name="[$item.EntryId]">
																	<else>
																		<input type="radio" checked="true"  value="[$key_c]" name="[$item.EntryId]">
																	</if>
																[$item_c.Value]
																<if @trim($item_c.Img_url)>
																	<img align="absmiddle" src="http://[$item_c.Img_url]">
																</if>
																</label>
					                  						</if>
						                  				<else>
						                  					<if $item_c.is_other>
					                  							<input type="radio" name="[$item.EntryId]" mark="other.[$item.EntryId]">
																<label>其他: <input type="text" class="input_other" onchange='$("[mark=other.[$item.EntryId]]").val(this.value)' maxlength=50 mark="other" value=""></label>
															<else>
																<label>
																	<if $item.is_Goto>
																		<input type="radio" gotopage="[$item_c.GoToQues]"  value="[$key_c]" name="[$item.EntryId]">
																	<else>
																		<input type="radio"  value="[$key_c]" name="[$item.EntryId]">
																	</if>
																[$item_c.Value]
																<if @trim($item_c.Img_url)>
																	<img align="absmiddle" src="http://[$item_c.Img_url]">
																</if>
																</label>
					                  						</if>
						                  				</if>
												</li>
											</foreach>
										</ul>
									</div>
			                  	<elseif $item.EntryType == '4'>
			                  		<div class="widget_entry"">
				                  		<ul class="widget-group-ul">
				                  			<foreach name="item.Choices" var="item_c" key="key_c">
					                  			<li>
				                  					<if $item_c.SelectedByDefault>
				                  						<if $item_c.is_other>
				                  							<input type="checkbox" checked="true"  name="[$item.EntryId][]" mark="other.[$item.EntryId]">
															<label> 其他: <input class="input_other" onchange='$("[mark=other.[$item.EntryId]]").val(this.value)' type="text" maxlength=50 mark="other" value=""></label>
														<else>
															<label>
															<input type="checkbox"  checked="true"  value="[$key_c]" name="[$item.EntryId][]">
															[$item_c.Value]
															<if @trim($item_c.Img_url)>
																<img align="absmiddle" src="http://[$item_c.Img_url]">
															</if>
															</label>
				                  						</if>
					                  				<else>
					                  					<if $item_c.is_other>
					                  						<input type="checkbox" name="[$item.EntryId][]"  mark="other.[$item.EntryId]"> 
															<label>其他: <input class="input_other" onchange='$("[mark=other.[$item.EntryId]]").val(this.value)' type="text" maxlength=50 mark="other" value=""></label>
														<else>
															<label>
															<input type="checkbox"  value="[$key_c]" name="[$item.EntryId][]">
															[$item_c.Value]
															<if @trim($item_c.Img_url)>
																<img align="absmiddle" src="http://[$item_c.Img_url]">
															</if>
															</label>
				                  						</if>
					                  				</if>
												</li>
											</foreach>
										</ul>
									</div>
			                  	<elseif $item.EntryType == '5'>
			                  		<div class="widget_entry"">
				                  		<select name="[$item.EntryId]">
				                  			<foreach name="item.Choices" var="item_c" key="key_c">
				                  				<if $item_c.SelectedByDefault>
				                  					<option selected="true" value="[$key_c]">[$item_c.Value]</option>
				                  				<else>
				                  					<option value="[$key_c]">[$item_c.Value]</option>
				                  				</if>
				                  			</foreach>
										</select>
									</div>
			                  	</if>
			                </div>
			            </foreach>
						<br/>
						<a class="tijiao" name="submit_form" href="javascript:;" id="submit_form">&nbsp;</a>
						<span id="err_msg"></span>
			        </form>
				</div>
				<div id="form_out" 
				<if $has_submit == "ok">
					style="display:block"
				</if>
				>
					<div id="info_back">
						<div id="err_info">
							[$prompt_msg]
						</div>
						<if !$has_submit == "ok">
							<div id="go_back">
								<a href="javascript:;" id="back_btn">&nbsp;</a>
							</div>
						</if>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="/html/js/base.js">
        </script>
		<script type="text/javascript" src="/html/js/web/preview_2125.js">
        </script>
		<script type="text/javascript" src="/html/js/web/jui.js">
        </script>
		<script type="text/javascript" src="/html/js/web/flip.js">
        </script>
    </body>
</html>
